<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="#" type="image/png">
    <title>内容管理系统

    </title>
    <!--common-->
    <link href="/static/css/style.css" rel="stylesheet">
    <link href="/static/css/style-responsive.css" rel="stylesheet">
    <link href="/static/css/font-awesome.css" rel="stylesheet"/>
    <link href="/static/css/layui.css" rel="stylesheet">
    <script src="/static/css/jquery-1.10.2.min.js"></script>

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="/static/css/html5shiv.js"></script>
    <script src="/static/css/respond.min.js"></script>
    <![endif]-->
    <style>
        td {
            text-align: center
        }

        input.error {
            border: 1px solid red;
        }

        label.error {
            position: absolute;
            top: 0;
            right: 10%;
            height: 34px;
            line-height: 34px;
            color: red;
        }

        .currentMenu {
            text-decoration: none;
            color: #65cea7;
            background: #2a323f;
            background: #65cea7;
        }

        .dataTables_length {
            width: 40%;
            float: left;
        }

        .dataTables_info {
            float: left;
            width: 40%;
        }

        .dataTables_paginate.paging_bootstrap.pagination {
            margin: 0;
        }
    </style>
</head>

<body class="sticky-header">
<section>
    <!-- left side start-->
    <div class="left-side sticky-left-side">

        <!--logo and iconic logo start-->
        <div class="logo"><a href="/"><img src="/static/css/logo2.png" alt=""></a></div>

        <!--logo and iconic logo end-->

        <div class="left-side-inner">


            <!--sidebar nav start-->
            <ul class="nav nav-pills nav-stacked custom-nav cu-nav">
                {#<li class="active"><a href="/"><i class="fa fa-home"></i> <span>主页</span></a></li>#}

                {{ request.session.menuString|safe }}
{#                {{ menuString|safe }}#}



                <li><a href="/logout"><i class="fa fa-sign-in"></i> <span>退出</span></a></li>
            </ul>
            <!--sidebar nav end-->

        </div>
    </div>
    <!-- left side end-->
    <!--左侧菜单结束 -->

    <!-- main content start-->
    <div class="main-content">

        <!-- header section start-->
        <div class="header-section">

            <!--toggle button start-->
            <a class="toggle-btn"><i class="fa fa-bars"></i></a>
            <!--toggle button end-->

            <!--search start-->


            <div>
            <div style="margin: 15px 10px 10px 100px    ;float:left;">
                档案管理系统
            </div>

                <div style="margin: 15px 400px 10px 10px    ;float:right;">
                    欢迎你：
                </div>

            </div>



            <!--search end-->

            <!--notification menu start -->
            <div class="menu-right">
                <ul class="notification-menu"></ul>
            </div>
            <!--notification menu end -->

        </div>
        <!-- header section end-->
        <!--头部菜单结束 -->


        <!--正文开始 -->

        <!--body wrapper start-->
        <div class="wrapper">
            {% block content %}

            {% endblock %}

        </div>

        <script type="text/javascript" src="/static/css/jquery.form.js"></script>
        <script type="text/javascript" src="/static/css/jquery.validate.min.js"></script>
        <script type="text/javascript" src="/static/css/validate-methods.js"></script>
        <script type="text/javascript" src="/static/css/messages_zh.min.js"></script>


        <!--正文结束 -->


        <!--footer section start-->
        <footer class="sticky-footer"> 2016-2017 &copy; 云创科技</footer>
        <!--footer section end-->
    </div>
    <!-- main content end-->
</section>

<!-- Placed js at the end of the document so the pages load faster -->
<script src="/static/css/bootstrap.min.js"></script>
<script src="/static/css/jquery-ui-1.9.2.custom.min.js"></script>
<script src="/static/css/jquery-migrate-1.2.1.min.js"></script>
<script src="/static/css/jquery.nicescroll.js"></script>
<script src="/static/css/scripts.js"></script>

<!--layeui-->
<script type="text/javascript" src="/static/css/layer.js"></script>
<script type="text/javascript" src="/static/css/layui.js"></script>



<script>


       $("input[type='text']").addClass("form-control form-input");
            $("input[type='password']").addClass("form-control form-input");

            $("input[type='number']").addClass("form-control form-input");
            $("select").addClass("form-control from-select");
             $("textarea").addClass("form-control form-text");




    $(function () {
        lastId = getCookie("surveyccLastId");
        $("#" + lastId).show();
        console.log("lastId"+lastId);


        currentId = getCookie("surveyccCurrentId");
        $("#mc" + currentId).addClass("currentMenu");
        console.log("currentId"+currentId);

    });


    function c(id) {
        setCookie("surveyccLastId", id);
        console.log("c"+id);
    }

    function c2(id) {
        setCookie("surveyccCurrentId", id);
        console.log("c2 "+id);

    }


    //操作菜单，让菜单自动展开上次点击的
    function setCookie(name, value) {
        document.cookie = name + '=' + escape(value)+";path=/";
    }

    function getCookie(name) {
        var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)"); //正则匹配
        if (arr = document.cookie.match(reg)) {
            return unescape(arr[2]);
        }
        else {
            return null;
        }
    }


</script>




<script>

    //iframe窗
    function layer_show(url) {
        //iframe层

        layer.open({
            type: 2,
            title: '',
            shadeClose: true,
            shade: 0.3,
            area: ['900px', '500px'],
            // area:"auto",
            content: url ,
            closeBtn:2,
            btn: ['关闭']
            // shadeClose: true
        });



    }
</script>




</body>
</html>
